import React, { Component } from 'react';
import { Scroller, Touchable, Carousel, List ,Rating} from '$yo-component';
import Header from '$component/header/index.js';
import yoHistory from '$common/history';
import './index.scss';
import Footer from '$component/footer/index.js';
import ProjectData from '../../../mock/project.json';
class Project extends Component {
    render() {
        return (
            <div data-reactroot className="yo-flex">
            <Header  className='yo-header' title="技能展示" right={{ title: '点我', onTap: () => alert('hello') }}/>
            
                <Scroller extraClass="flex" >
                
                
                <List
                dataSource={ProjectData}

                renderItem={(item,i)=>{
                    return (
                        <div className="yo-list-group">
                        <a href="#" className="item" key={i}>
                        <img src= {item.image} alt="美女"/>
                        <div className="flex">
                        <h3 className="title">{item.name}</h3>
                        <div className="detail">
                        类型：{item.category},
                        描述：{item.description},
                        负责内容：{item.detail},

                        </div>
                        </div></a>
                        </div>
                       
                    );
                }}
                
                />


                </Scroller>
               
             <Footer className="yo-tab yo-tab-view"/>
              
            </div>
        )
    }
}

export default Project;
